page{
	// padding-top: var(--status-bar-height);
	width: 100%;
	background-color: #FFFFFF;
}
.info{
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 66rpx 20rpx 10rpx 20rpx;
	.my_title{
		font-family: SimHei;
		color: #FFFFFF;
	}

	.info-box{
		height: 240rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #FFFFFF;
		.left{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			position: relative;
			.mainImg{
				width: 180rpx;
				height: 180rpx;
				border-radius: 50%;
				border: 1px solid #FFFFFF;
			}
			.loveNum{
				z-index: 1;
				margin-top: -15px;
				text-align: center;
				border-radius: 50px;
				padding: 2px 5px;
				background-color:#e16fff;
				.loveNumText{
					text-align: center;
					font-size: 14px;
					border-radius: 50px;
					padding: 3px 10px;
				}
			}
			.subImg{
				width: 68rpx;
				height: 62rpx;
				position: absolute;
				top: -32rpx;
				left: 32rpx;
			}
		}
		.right{
			width: 70%;
			.login{
				width: 95%;
				font-size: 36rpx;
				color: #FFFFFF;
				padding: 20rpx 2% 20rpx 3%;
			}
			.name{
				width: 100%;
				font-size: 32rpx;
				font-weight: bold;
				display: flex;
				justify-content: flex-start;
				align-items: center;
				.smImg{
					width: 30rpx;
					height: 30rpx;
					margin-left: 10rpx;
				}
			}
			.phone{
				width: 100%;
				font-size: 24rpx;
				padding: 20rpx 0 15rpx 0;
			}
			.vip{
				width: 100%;
				.kt{
					background-color: #3F434E;
					color: #FFD791;
					padding: 10rpx 30rpx;
					border-radius: 40rpx;
					font-size: 24rpx;
					margin-right: 20rpx;
				}
				.kt-title{
					color: #FFD791;
					text-decoration: underline;
					font-size: 24rpx;
				}
			}
			.viper{
				width: 100%;
				color: #FFFFFF;
				font-size: 24rpx;
				.kter{
					background-color: #3F434E;
					color: #FFD791;
					padding: 10rpx 20rpx;
					border-radius: 40rpx;
					margin: 0 20rpx;
				}
				.kter-title{
					color: #FFD791;
					text-decoration: underline;
					font-weight: bold;
				}
				.kter-title2{
					color: #FFD791;
					padding-top: 10rpx;
				}
			}
		}
	}
	.my_top2{
		display: flex;
		justify-content: space-between;
		.my_top2_set{
			width: 90px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 130rpx;
			.setImg{
				width: 60rpx;
				height: 60rpx;
			}
		}
		.my_top2_line{
			width: 90px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			height: 100px;
			color: #FFFFFF;
			font-size: 26rpx;
			white-space: nowrap;
			.my_red_line{
				text-align: center;
				border: 1px solid #FFFFFF;
				border-radius: 50px;
				padding: 3px 10px;
			}
			
		}
	}
	.my_top3{
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 30rpx;
		color: #FFFFFF;
	}
	.my_top4{
		display: flex;
		justify-content: space-around;
		align-items: center;
		padding: 30rpx;
		color: #FFFFFF;
		font-size: 28rpx;
		.my_top4_text{
			margin-top: 5px;
			display: flex;
			flex-flow: column;
			align-items: center;
			.my_top4_text2{
				margin-top: 7px;
				font-size: 34rpx;
			}
		}
		.my_top4_line{
			width: 1px;
			height: 10px;
		}
	}
}

.follow{
	width: 92%;
	padding: 20rpx 4%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	.fw-left{
		width: 330rpx;
		height: 180rpx;
		background-color: #F1F1F1;
		border-radius: 16rpx;
		.left-img{
			width: 100%;
			height: 90rpx;
			display: flex;
			justify-content: center;
			align-items: flex-end;
			text{
				font-size: 48rpx;
				color: #212121;
			}
			image{
				width: 40rpx;
				height: 36rpx;
			}
		}
		.left-title{
			width: 100%;
			height: 90rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			color: #212121;
			font-weight: 500;
			font-size: 28rpx;
			image{
				width: 60rpx;
				height: 24rpx;
				margin-left: 10rpx;
			}
		}
	}
}

.follower{
	width: 92%;
	padding: 20rpx 4%;
	.imgs{
		display: flex;
		justify-content: center;
		align-items: center;
		.imgBox{
			display: flex;
			justify-content: center;
			align-items: center;
			width: 90rpx;
			height: 90rpx;
			border-radius: 50%;
			border: 4rpx solid #f3f3f3;
			background:rgba(255,255,255,1);
			margin-right: -30rpx;
			image{
				width: 85rpx;
				height: 85rpx;
				border-radius: 50%;
			}
		}
		.active{
			border: 4rpx solid #f3f3f3;
			// background:rgba(0,0,0,.3);
			background:rgba(255,255,255,.3);
			image{
				filter:blur(5rpx);
				width: 80rpx;
				height: 80rpx;
			}
		}
	}
	.follower-title{
		width: 100%;
		text-align: center;
		font-size: 24rpx;
		color: #999999;
		padding: 20rpx 0 40rpx 0;
		border-bottom: 1rpx solid #D8D8D8;
		text{
			color: #FE4392;
		}
		.title-vp{
			color: #0091FF;
		}
	}
}

.item{
	width: 92%;
	padding: 20rpx 4%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 30rpx;
	.item-left{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		image{
			width: 40rpx;
			height: 40rpx;
			margin-right: 10rpx;
		}
		text{
			color: #333333;
		}
	}
	.item-right{
		display: flex;
		align-items: center;
		color: #999999;
		.phoneNum{
			margin-right: 10rpx;
		}
	}
}

.login-out{
	width: 460rpx;
	height: 96rpx;
	line-height: 96rpx;
	text-align: center;
	font-size: 36rpx;
	color: #FFFFFF;
	font-weight: bold;
	background: #CCCCCC;
	border-radius: 48rpx;
	// margin: 40rpx auto;
}